<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fcolumn">
    <header class="infoHeader">
        <div class="container">
            <span id="backBtn" class="iconfont icon-houtui"></span>
        </div>
    </header>
    <main class="flex overflow">
        <!-- 运动数据 -->
        <div class="info-box">
            <div class="container">
                <!-- 上面 -->
                <div class="df info-sports jcb">
                    <p class="df aic f20 fw">运动数据</p>
                    <img class="info-duck" src="../../assets/imgs/myimgs/rundata4.png" alt="">

                </div>
                <!-- 下面 -->
                <div class="df jca info-bottom">
                    <!-- 下面左边 -->
                    <div class="flex info-data onea">
                        <img class="run-icon" src="../../assets/imgs/myimgs/rundata7.png" alt="">
                        <p class="info-dataone">总运动</p>
                        <p><span id="sumMin"></span>分钟</p>
                    </div>
                    <!-- 下面右边 -->
                    <div class="flex info-data">
                        <img class="run-icon" src="../../assets/imgs/myimgs/rundata8.png" alt="">
                        <p class="info-dataone">本周消耗</p>
                        <p><span id="sumCalo"></span>千卡</p>
                    </div>
                </div>
                <!-- 消耗数据 -->

                <ul class="run-detail df jcb">
                    <li>
                        <h6>消耗(千卡)</h6>
                        <p>9999999</p>
                    </li>
                    <li>
                        <h6>累计(天)</h6>
                        <p>999</p>
                    </li>
                    <li>
                        <h6>连续(天)</h6>
                        <p>999</p>
                    </li>
                </ul>


            </div>
        </div>


        <div class="container">
            <div class="echartsbox" id="box1"></div>
            <div class="echartsbox" id="box2"></div>
        </div>
    </main>


</body>

</html>